<template>
  <div class="page" style="display: flex;align-items: center;justify-content: center;">
    <c-editor :value.sync="value"></c-editor>
    <c-preview></c-preview>
  </div>
</template>

<script>
// import cEditor from './cEditor.vue'
import cEditor from './cEditorAndPreview.vue'
import cPreview from './cPreview.vue'
export default {
  components: {
    cEditor,
    cPreview
  },
  data () {
    return {
      value: {
        type: 'javascript',
        value: 'console.log(123)'
      }
    }
  }
}
</script>

<style lang="scss">
.page {
  width: 100%;
  height: 100%;
  padding: 10px;
}
</style>